<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>杨青个人博客网站―一个站在web前段设计之路的女技术员个人博客网站</title>
<meta name="keywords" content="个人博客,杨青个人博客,个人博客模板,杨青" />
<meta name="description" content="杨青个人博客，是一个站在web前端设计之路的女程序员个人网站，提供个人博客模板免费资源下载的个人原创网站。" />
<link href="css/base.css" rel="stylesheet">
<link href="css/case.css" rel="stylesheet">
<link rel="stylesheet" href="css/animate.css">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<div class='header animated bounceInDown'>
    <div class='wrap'>
      <div class='logo'><a data-scroll-reveal='enter from the top over 0.7s' href='../'>
         <img src='images/logo.png' title='咖啡之念-首页' alt="logo" /></a>
      </div>
      <div data-scroll-reveal='enter from the top over 0.7s' class='top-nav'>
          <ul id="topnav"><li><a href='index.html'  title='首页'>首页<span></span></a></li>
            <li><a href='about.html' title='关于我'>关于我<span> </span></a></li>
            <li><a href='newlist.html' title='闲谈生活'>闲谈生活<span> </span></a></li>
            <li><a href='moodlist.html' title='时光轴'>时光轴<span></span></a></li>
            <li><a href='caselist.html' title='技术分享'>美好时光<span> </span></a></li>
            <li><a href='knowledge.html' title='SEO感悟'>技术分享<span> </span></a></li>
            <li><a href='book.html' title='留言版'>留言版<span></span></a></li>
          </ul>
      </div>
      <div class='clear'></div>
    </div>
</div>
<article class="blogs">
<h1 class="t_nav"><span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。 </span><a href="/" class="n1">网站首页</a><a href="/" class="n2">作品展示</a></h1>
<div class="caselist left">
<ul>
<li><a href="/"><img src="images/01.jpg"></a></li>
<li><a href="/"><img src="images/02.jpg"></a></li>
<li><a href="/"><img src="images/03.jpg"></a></li>
<li><a href="/"><img src="images/04.jpg"></a></li>

<li><a href="/"><img src="images/03.jpg"></a></li>
<li><a href="/"><img src="images/04.jpg"></a></li>
<li><a href="/"><img src="images/01.jpg"></a></li>
<li><a href="/"><img src="images/02.jpg"></a></li>
<li><a href="/"><img src="images/01.jpg"></a></li>
<li><a href="/"><img src="images/02.jpg"></a></li>
<li><a href="/"><img src="images/03.jpg"></a></li>
<li><a href="/"><img src="images/04.jpg"></a></li>

<li><a href="/"><img src="images/03.jpg"></a></li>
<li><a href="/"><img src="images/04.jpg"></a></li>
<li><a href="/"><img src="images/01.jpg"></a></li>
<li><a href="/"><img src="images/02.jpg"></a></li>
</ul>
    <div class="blank"></div>
   
    <div class="page"><a title="Total record"><b>41</b></a><b>1</b><a href="/news/s/index_2.html">2</a><a href="/news/s/index_2.html">&gt;</a><a href="/news/s/index_2.html">&gt;&gt;</a></div>
</div>
<aside class="right">
   <div class="rnav">
      <h2>栏目导航</h2>
      <ul>
       <li><a href="/download/" target="_blank">个人博客模板</a></li>
       <li><a href="/newsfree/" target="_blank">国外Html5模板</a></li>
              <li><a href="/download/" target="_blank">企业网站模板</a></li>
       <li><a href="/newsfree/" target="_blank">作品展示</a></li>
     </ul>      
    </div>
<div class="news">
<h3>
      <p>最新<span>模板</span></p>
    </h3>
    <ul class="rank">
      <li><a href="/" title="Column 三栏布局 个人网站模板" target="_blank">Column 三栏布局 个人网站模板</a></li>
      <li><a href="/" title="with love for you 个人网站模板" target="_blank">with love for you 个人网站模板</a></li>
      <li><a href="/" title="免费收录网站搜索引擎登录口大全" target="_blank">免费收录网站搜索引擎登录口大全</a></li>
      <li><a href="/" title="做网站到底需要什么?" target="_blank">做网站到底需要什么?</a></li>
      <li><a href="/" title="企业做网站具体流程步骤" target="_blank">企业做网站具体流程步骤</a></li>
      <li><a href="/" title="建站流程篇――教你如何快速学会做网站" target="_blank">建站流程篇――教你如何快速学会做网站</a></li>
      <li><a href="/" title="box-shadow 阴影右下脚折边效果" target="_blank">box-shadow 阴影右下脚折边效果</a></li>
      <li><a href="/" title="打雷时室内、户外应该需要注意什么" target="_blank">打雷时室内、户外应该需要注意什么</a></li>
    </ul>
    <h3 class="ph">
      <p>点击<span>排行</span></p>
    </h3>
    <ul class="paih">
      <li><a href="/" title="Column 三栏布局 个人网站模板" target="_blank">Column 三栏布局 个人网站模板</a></li>
      <li><a href="/" title="withlove for you 个人网站模板" target="_blank">with love for you 个人网站模板</a></li>
      <li><a href="/" title="免费收录网站搜索引擎登录口大全" target="_blank">免费收录网站搜索引擎登录口大全</a></li>
      <li><a href="/" title="做网站到底需要什么?" target="_blank">做网站到底需要什么?</a></li>
      <li><a href="/" title="企业做网站具体流程步骤" target="_blank">企业做网站具体流程步骤</a></li>
    </ul>
    </div>
    <div class="visitors">
      <h3><p>最近访客</p></h3>
      <ul>

      </ul>
    </div>
     <!-- Baidu Button BEGIN -->
    <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare"><a class="bds_tsina"></a><a class="bds_qzone"></a><a class="bds_tqq"></a><a class="bds_renren"></a><span class="bds_more"></span><a class="shareCount"></a></div>
    <script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=6574585" ></script> 
    <script type="text/javascript" id="bdshell_js"></script> 
    <script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
</script> 
    <!-- Baidu Button END -->   
</aside>
</article>
<footer>
  <p>Design by DanceSmile <a href="http://www.miitbeian.gov.cn/" target="_blank">蜀ICP备11002373号-1</a> <a href="/">网站统计</a></p>
</footer>
<script src="js/silder.js"></script>
</body>
</html>